html,body{min-width:1280px;}
body{background-color: rgb(1,75,135);}

/*滚动条样式*/
::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal{    width: 5px;    background-color: #CCCCCC;    -webkit-border-radius: 6px;}

.ml30{margin-left:30px;}

.header{ 
 	background-color: #0071C6;
	border-bottom: 1px solid #023d6a;
	width:100%;
	height:60px;
	position:relative;
	z-index:10000;
}

.logo{margin-left:20px;height:60px;line-height:60px;}
.logo img{height:26px;width:26px;margin-right:5px;display:inline-block;margin-bottom:-5px;}
.logo p{color:#FFF;font-size:20px;}
.logo span{}

/*信息弹框*/
.infoTag{font-size:12px;display:inline-block;color:white;padding:2px 4px 2px 4px;cursor:pointer;margin-left:20px;background-color:#0071C6;border-radius:3px;}
.infoIndex{line-height:24px;font-size:14px;margin-top:5px}
.infoIndex span{font-size:16px;font-weight:bold;}


/*省份-城市联动*/
.select-area{position: fixed;width:500px;height:50px;z-index:15000;top:75px;left:30px;color:#FFF;}
.select-name {background: #172e5b;color:#6D7993;height: 35px;width: 50px;float: left;font-size: 12px;line-height: 35px;text-align: center;}
.combo-box {background-color:#172e5b;font-size:12px;height: 35px;padding: 0;min-width: 160px;float: left;position: relative;}
.select-icon{width:20px;height:20px;float:right;margin:8px 5px 0px 0px;cursor: pointer;}
.select-icon-active{transform: rotate(180deg);width:20px;height:20px;float:right;margin:8px 5px 0px 0px;cursor: pointer;}
.select-list{display: none;list-style: none;background-color: rgb(22,35,87);text-align: left;text-indent: 10px;line-height: 30px;max-height: 200px;padding-bottom: 10px;overflow-y: auto;}
.select-list li{cursor: pointer;}
.select-list li:hover{text-decoration:underline;}
.select-title{text-indent:10px;line-height: 35px;font-size: 14px;text-align: center;display: inline-block;}
#city-box{display: none;}


/*噪声程度*/
.card{position:fixed;width:250px;height:100px;z-index:10000;top:120px;left:30px;}
.card p.title{font-size:14px;color:#9BA4AC;font-weight: bold;}
.card p.title:before{content:" ";display: inline-block;width:5px;height:18px;background-color:#2162c4;margin:0px 4px -4px 0px;}
.card p.title span{margin-left:10px;}
.card p.data{color:white;font-size:32px;margin-top:10px;position: relative;}
.card p.data small{margin:0px 5px 0px 5px;font-size:16px;}
.card .card-item{display: inline-block;width: auto;font-size:18px;line-height:32px;padding: 0px 10px 0px 10px;margin:-5px 0px 0px 20px;vertical-align: middle;}
.card-1{background:#1D80CA;}
.card-2{background:#0AC2FF;}
.card-3{background:#66DEF8;}
.card-4{background:#EDA065;}
.card-5{background:#FF7A32;}

/*噪声阶梯块*/
.legend{display:inline-block;position: fixed;bottom:110px;left:30px;z-index:10000;}
.legend-title,.legend-text {
  color: #9BA4AC;
  font-size: 12px;
  margin: 0 10px;
}
.legend-title{font-weight: bold;}
.legend-color{display: inline-block;width: 26px;height: 10px;margin: 0 0px 0 0;}
.legend-color-1{background:#1D80CA;}
.legend-color-2{background:#0AC2FF;}
.legend-color-3{background:#66DEF8;}
.legend-color-4{background:#EDA065;}
.legend-color-5{background:#FF7A32;}

/*时间轴*/
.timeline{width:610px;height:35px;position:fixed;bottom:25px;left:30px;z-index: 10000;}
ul.timeline-scale{ width:100%;height:30px;list-style: none;background-image:url('../image/timeline.png');background-repeat: repeat-x;position: relative;}
ul.timeline-scale > li{float:left;color:white;font-size:12px;vertical-align:bottom;margin-top:15px;margin-right:28px;}
ul.timeline-scale li:first-child{margin-left:16px;}
a.timeline-dragger{width:61px;height:13px;cursor:w-resize;display: inline-block;background-image:url('../image/timeline-dragger.png');position: absolute;z-index:15000;top:-1px;left:540px;}

/*数据下载按钮*/
#download-btn{
  float: right;
  margin-right: 30px;
  color: white;
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  border-radius: 15px;
  height: 25px;
  width: 100px;
  border: 1.5px solid #eee;
  line-height: 25px;
  margin-top: 17.5px;
  text-align: center;
  cursor:pointer;
}
#download-btn:hover {background-color:#FFF;color:#0071C6;}
#download-link {display:none;}